{{extend 'userlayout.html'}}

<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>CMS manager</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">List of your CMSs</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="#tab2">Create a new site</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
			   
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
					
						<!--  <div class="notification attention png_bg">
							<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
							<div>
								This is a Content Box. You can put whatever you want in it. By the way, you can close this notification with the top-right cross.
							</div>
						</div> -->
						
						<table>
							
							<thead>
								<tr>
								   <th>SN</th>
								   <th>Site Name</th>
								   <th>Site URL</th>
								   <th>Created</th>
								   <th>Status</th>
								   <th>Actions</th>
								</tr>
								
							</thead>
						 
							<tfoot>
								<tr>
										
										<div class="pagination">
										<a href="#" class="number current" title="1">1</a>
											<!--  <a href="#" title="First Page">&laquo; First</a><a href="#" title="Previous Page">&laquo; Previous</a>
											
											
											<a href="#" title="Next Page">Next &raquo;</a><a href="#" title="Last Page">Last &raquo;</a>
											-->
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
						 
							<tbody>	
					
{{
sn=1
for cms in userCms:}}
								<tr>
									<td>{{=sn}}</td>
									<td>{{=A(cms.cms_name, _href=cms.cms_url)}}</td>
									
									<td>{{=A(cms.cms_url, _href=cms.cms_url)}}</td>
									<td>{{=cms.created_time}}</td>
									<td>
									 {{ 
									 	if cms.cms_status:
									 		text='active'
									 	else:
									 		text='inactive'
									 	pass	
									 }}		
							 		<a href="#" title="{{=text}} your site">{{=text}}</a>
							 	
							 			
									</td>
									<td>
									
										<!-- Icons -->
										 <a href="#" title="Edit your CMS"><img src="{{=URL('static','images/icons/pencil.png')}}" alt="Edit" /></a>
										 <a href="#" title="Delete your CMS"><img src="{{=URL('static','images/icons/cross.png')}}" alt="Delete" /></a> 
										 <a href="#" title="Export your CMS"><img src="{{=URL('static','images/icons/hammer_screwdriver.png')}}" alt="Export" /></a>
									</td>
								</tr>
{{
	sn=sn+1
pass
}}
							</tbody>
							
						</table>
						
					</div> <!-- End #tab1 -->
					
					<div class="tab-content" id="tab2">
					
						<form action="" method="post">
							<div class="notification attention png_bg">
							<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
							<div>
								Just give us your site name and click on the create button. We are going to bring you new site
							</div>
						</div>
							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>Site name</label>
										<input class="text-input small-input" type="text" id="small-input" name="small-input" /> 
										
							
								
								<p>
									<input class="button" type="submit" value="Create" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
<div class="clear"></div><!-- End .clear -->				